<template>
	<view>
		<view class="contents">
			<view class="items flex_jc_sb">
				<view class="flex">
					<view class="t1">微信号</view>
					<view class="t2" v-if="data.wechat">
						{{data.wechat}}
						<text @click="$copyFun(data.wechat)">复制</text>
					</view>
					<view class="t3" v-else>暂无填写</view>
				</view>
			</view>
			<view class="items flex_jc_sb">
				<view class="flex">
					<view class="t1">微信码</view>
					<view class="t2 flex" v-if="data.wechatQr">
						<image :src="data.wechatQr" mode="aspectFill"></image>
						<text @click="$previewImage([data.wechatQr])">查看</text>
					</view>
					<view class="t3" v-else>暂无上传</view>
				</view>
			</view>
			<view class="items flex_jc_sb">
				<view class="flex">
					<view class="t1">联系方式</view>
					<view class="t2" v-if="data.phone">
						{{data.phone}}
						<text @click="$copyFun(data.phone)">复制</text>
					</view>
					<view class="t3" v-else>暂无填写</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref, reactive, getCurrentInstance } from 'vue';
import { onLoad, onShow, onReachBottom, onPageScroll } from '@dcloudio/uni-app';
import { groupInfo } from '@/api/about.js';
const data = reactive({})
onLoad(() => {
	groupInfo({}).then(res=>{
		console.log(res);
		if(res.code == 200){
			Object.assign(data,res.data)
		}
	})
});
</script>
<style lang="scss">
page {
	background: #f7f8f6;
}
.contents {
	.items {
		width: 710rpx;
		height: 80rpx;
		background: #ffffff;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: 20rpx auto;
		padding: 0rpx 20rpx;
		box-sizing: border-box;
		.t1 {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #1b1b1b;
			width: 120rpx;
		}
		.t2 {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #1b1b1b;
			image {
				width: 60rpx;
				height: 60rpx;
			}
			text {
				color: #75613e;
				margin-left: 34rpx;
			}
		}
		.t3 {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #979797;
		}
	}
}
</style>
